
.sign {
    background-image: url("/img/bg.png");
    background-repeat: repeat;
    background-origin: content-box;
    background-attachment: fixed;
}

.sign .wrapper {
    width: 60vw;
    margin: auto;
}
.sign .wrapper img{
    display: block;
    margin: auto;
}

.sign .wrapper>header {
    display: block;
    text-align: center;
    font-size: 5rem;
    line-height: 1.25em;
}

.sign .form-container {
    width: 80%;
    border: 1px solid #dedede;
    border-radius: 4px;
    /*box-shadow: 0 0 5px 4px #fafafa;*/
    margin: auto;
    background: rgba(255,255,255,0.9);
}

.sign .form-row {
    display: flex;
    align-items: flex-start;
    border: 1px solid #dedede;
    margin: 10px;
    height: 50px;
}

.sign .form-row:hover{
    border-color: blue;
    opacity: 0.7;
}


.sign .form-row>label {
    flex-basis: 20%;
    text-align: right;
    line-height: 48px;
    user-select: none;
}

.sign .form-row>input {
    flex-basis: 78%;
    height: 48px;
    border: none;
    outline: none;
    margin-top: 0;
    margin-left: 2%;
    background: rgba(255,255,255,0.8);
}

.sign .form-captcha>input {
    flex-basis: 38%;
}

.sign .form-captcha>img {
    height: 48px;
    margin-left: 2%;
}

.sign .form-buttons {
    margin: 10px;
    border: none;
}

.sign .form-buttons>button {
    width: 100%;
    height: 50px;
    background: rgba(147,181,255,0.7);
    border: none;
}

.sign .form-container>hr {
    margin: 10px;
    background: #dfdfdf;
}

.sign .form-container>p {
    text-align: center;
}

.container-left{
    width: 40px;
    height: 60px;
    border:1px solid #0c5460;
   background: #1c7430;
}
.container-right{
    width: 60px;
    height: 50px;
    border: 1px solid #0c5460;
    background: #c3e6cb;
}
.a{
    width: 60px;
    height: 50px;
    border: 1px solid #0c5460;
    background: #c3e6cb;
}

/*我的主页*/
.head{
    width: 100%;
    height: 300px;
    background: white ;
}
.UserCoverGuide-item {
    height: 150px;
    width: 100%;
    /* 渐变背景 */
    background: linear-gradient(to top left, #46cdc8, #66a6ce, #299eb9);

}

.UserCoverGuide-item button{

}
.head-portrait{
    contain: content;
    width: 200px;
    height: 200px;
    border: 5px solid beige;
    margin-top: -80px;
    margin-left: 50px;
}
.view{
    width: 100%;
    height: 500px;
}
.container-left{
    margin-left: 20px;
    height: auto;
    width: 60px;
    border: none;
    background: white;

}

.container-right{
    height: 500px;
    background: white;
    border: none;
}

.container-right .alter-topic{
    width: 500px;
    height: 100px;
    display: -webkit-box;   /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 3;  /*设置多少行*/
    -webkit-box-orient: vertical;   /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
    overflow: hidden;   /*文本会被修剪，并且剩余的部分不可见*/
    text-overflow: ellipsis;   /*显示省略号来代表被修剪的文本*/
}

.more{
    margin-left: 450px;
    margin-top: -10px;
}

